<?php include('header.php');?>
<body>
<div class="box">
  <div class="left"></div>
  <div class="right"></div>
    <div class="heading"><h1>หน้าแรก</h1></div>
  <div class="content"></div>
</div>
<script>
	$(document).ready(function(){ 
		var imgLength=$("img").length; // หาจำนวนรูปทั้งหมด
		var countImg=0; // สำหรับนับจำนวนรูปภาพที่โหลดแล้ว
		$("img").each(function(){
			var IndexID=$("img").index(this); // สำหรับทดสอบ ลบออกได้
			$(this).load(function(){
				countImg++;
				$("#loadPage").append("<br>loaded img "+IndexID); // สำหรับทดสอบ ลบออกได้
				console.log("loaded img "+IndexID); // สำหรับทดสอบ ลบออกได้
				if(countImg==imgLength){ // เมื่อโหลดรูปทั้งหมดแล้วปิดตัว loading
					$("#loadPage").hide();
				}			
			});
			// เมื่อเกิดข้อผิดพลาดในการโหลดให้ปิด loading เลย
			$(this).error(function(){ 
				$("#loadPage").hide();
			});
			
		});
	});
</script>
</body>
<?php include('footer.php');?>
